<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .sss{
            width: 300px;
            height: 30px;
            background-color: chartreuse;
        }
    </style>
</head>
<body>
    <form action="#">
        <span>用户:</span>
        <input type="text" placeholder="邮箱/手机号">
        <!-- placeholder是默认值修改 -->
        <br>
        <span>密码;</span>
        <input type="password" placeholder="密码" >
        <br>
        <span>性别：</span>
        <input type="radio">女
        <input type="radio">外星人
        <input type="radio">大飞哥版男
        <br>
        <!-- 单选项 -->
        <span>爱好：</span>
        <input type="checkbox">泡吧
        <input type="checkbox">上网
        <input type="checkbox">洗浴
        <input type="checkbox">唱歌
        <input type="checkbox">吸烟
        <!-- 多选项 -->
        <br>
        <span>日期：</span>
        <input type="week">
        <input type="color">
        <!-- 周选择 -->
        <br>
        <span>数字</span>
        <input type="file"><br>
        <input type="submit">
        <input type="reset">
        <br>
        <input type="button" value="按钮" class="sss">
        <br>
    </form>
</body>
</html>